$(function(){
	//初始化相册名显示区块 及其它
	$('.Album_Name_View').text(sessionStorage.album_name);
	$('input[name=album_name]').val(sessionStorage.album_name);


	//初始化封面标识
	$('.Img_Banner').each(function(){
		if($(this).attr('img_src') == sessionStorage.album_banner){
			$(this).addClass('bg-blue');
		}
	});


	//设置封面
	$('.Img_Banner').click(function(){
		var index = $(this).index('.Img_Banner');
		var img_banner = $(this).attr('img_src');
		var album_id = sessionStorage.album_id;
		$.ajax({
			url:"/NewAlbums/index.php/Home/AlbumModel/album_edits",
			data:{
				album_id:album_id,
				album_banner:img_banner
			},
			type:'post',
			success:function(res){
				//alert(res);
				if(res == 'ok'){
					$('.Img_Banner').removeClass('bg-blue');
					$('.Img_Banner').eq(index).addClass('bg-blue');
					sessionStorage.album_banner = img_banner;
				}
			}
		});
	});




	//切换修改相册名的显示状态
	$('#Album_Name_1_sub').click(function(){
		$('#Album_Name_1').addClass('hidden');
		$('#Album_Name_2').removeClass('hidden');
	});


	//点击提交修改相册名
	$('#Album_Name_2_sub').click(function(){
		var album_name = $('input[name=album_name]').val().trim();
		var album_id = sessionStorage.album_id;
		if(!album_name){
			exit('数据不得为空！');
		}
		$.ajax({
			url:'/NewAlbums/index.php/Home/AlbumModel/album_edit',
			data:{
				album_name:album_name,
				album_id:album_id
			},
			type:'post',
			success:function(res){
				if(res == 'ok'){
					alert('修改成功！');
					sessionStorage.album_name = album_name;
					location.reload(true);
				}
			}
		});
	});



	//异步上传图片
	$('#Pic_Add').click(function(){
		var f = new FormData(document.getElementById('f1')); 	//也可使用id 获取表单
		//alert(f);exit;
		f.append('album_id',sessionStorage.album_id);	//添加额外数据
		$.ajax({
			url:'/NewAlbums/index.php/Home/ImgsModel/add',
			type:'post',
			data:f,			//传送表单数据
			processData:false,	//是否进行序列化处理(必须)
			contentType:false,	//(必须)
			success:function(res){
				if(res == 'ok'){
					alert('添加成功');
					location.reload(true);
				}
			}
		});
	});



	//删除图片
	$('.Img_Del').click(function(){
		if(!confirm('确认删除?')){
			exit;
		}
		$.ajax({
			url:'/NewAlbums/index.php/Home/ImgsModel/del',
			data:{
				pid:$(this).attr('img_id').trim()
			},
			type:'post',
			success:function(res){
				//alert(res);
				if(res == 'ok'){
					alert('删除成功！');
					location.reload(true);
				}
			}
		});
	});


	//删除复选框
	$('input[name=img_all]').change(function(){
		if($(this).is(':checked')){
			$('input[name=img_alls]').each(function(){
				this.checked = true;
			});
		}else{
			$('input[name=img_alls]').attr('checked',false);
		}
	});

	//多选删除
	$('.Img_Dels').click(function(){
		if(!confirm('确认删除选中图片?')){
			exit;
		}
		var arr = new Array();
		$('input[name=img_alls]').each(function(){
			if(this.checked == true){
				arr.push(this.value)
			}
		});
		$.ajax({
			url:'/NewAlbums/index.php/Home/ImgsModel/dels',
			data:{
				pids:arr.join(',')
			},
			type:'post',
			success:function(res){
				//alert(res);exit;
				if(res == 'ok'){
					alert('删除成功！');
					location.reload(true);
				}else{
					alert('删除失败！');
				}
			}
		});
	});


});



//显示选择的图片
function previewImage(file){
  if (file.files && file.files[0]){
	var img = document.getElementById('Img_Head');
	img.width='30';
	img.height='30';
	var reader = new FileReader();
	reader.onload = function(evt){img.src = evt.target.result;};
	reader.readAsDataURL(file.files[0]);
	$('.ViewPic').removeClass('hidden');
  }
}